<template>
  <view>
    <navbar></navbar>
    <view class="container">
      <view class="help cont-box b-f" v-for="(item, index) in list" :key="index">
        <view>
          <text class="h4">{{ item.title }}</text>
        </view>

        <view>
          <text class="p">{{ item.content }}</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
let app = getApp();
import navbar from "@/components/navbar/navbar";
export default {
  components: {
    navbar
  },
    data() {
        return {
            list: []
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        // 获取帮助列表
        this.getHelpList();
    },
    methods: {
        /**
         * 获取帮助列表
         */
        getHelpList: function () {
            let that = this;

            app._get('wxapp/help', {}, function (result) {
                that.setData(result.data);
            });
        }
    }
};
</script>
<style lang="scss" scoped>
.help {
    border-bottom: 1px solid #f6f6f9;
}

.help .h4 {
	display: block;
	margin-bottom: 20rpx;
    font-size: 32rpx;
    color: $uni-text-color;
	font-weight: bold;
}

.help .p {
    font-size: 26rpx;
    color: #666;
	line-height: 2;
}
</style>
